navigation props
React Navigationのnavigation props
https://reactnavigation.org/docs/navigation-prop/
#WIP
関数
navigate()
navigatorがnestしているときのparamsのワタシ方
code:ts
navigation.navigate('Account', {
screen: 'Settings',
params: { user: 'jane' },
});
navigateとpushの違い
pushは上に積んでいく
navigateは以下のいずれか
既にstack上にあれば、その内の最もrootに近い場所へ行く
仮に、navigate('RootPage')的なものを実行すると、popToTopと同じ挙動になる
一個前のページに対して、navigateしたときは、goBackと同じ感じになる
同じページが複数スタックされてたら全く同じではないと思うけど
stack上になければ上に積む (pushと同じ)
Each time you call push we add a new route to the navigation stack. When you call navigate it first tries to find an existing route with that name, and only pushes a new route if there isn't yet one on the stack. ref
値
#??
navigate
replace, push, pop, popToTop
NavigatorがStackなのかTabなのかDrawerなのかによって提供されるものが異なる #??
reset
dispatch
setOptions
titleなどのoptionを変更する時に使う
setParams
paramsを更新する
isFocused
addListener
jumpTo
getParent
https://reactnavigation.org/docs/navigation-prop/#getparent
getState
https://reactnavigation.org/docs/navigation-prop/#getstate
詳細ちゃんと見てないが、デバッグ時にのみ使っている
そのコンポーネントがどこから呼ばれたかなど
実装に使っていいのか知らないが、使うならdocsを読もうmrsekut.icon
Route props
https://reactnavigation.org/docs/route-prop/
Route間のParamのやり取り
https://reactnavigation.org/docs/params/
getParamという関数は存在しない
https://reactnavigation.org/docs/navigating/
setOptions、optionsで扱えるもの
property一覧
https://reactnavigation.org/docs/stack-navigator/#navigationoptions-used-by-stacknavigator